<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>SimplyTalk</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Loading Bootstrap -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">

    <!-- Loading Flat UI 
    <link href="css/flat-ui.css" rel="stylesheet">
    <link rel="shortcut icon" href="images/favicon.ico">
-->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="/js/mustache.js"></script>
	<script src="/socket.io/socket.io.js"></script>
	<style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }

      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
    </style>
    
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
  </head>
  <body>
   	  <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">SimplyTalk</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">Home <span class="badge badge-success">2</span></a></li>
            </ul>
            <div class="btn-group pull-right">
				<a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
				<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
				<ul class="dropdown-menu">
				<li class="divider"></li>
				<li><a href="#"><i class="icon-ban-circle"></i>Deconnection</a></li>
				</ul>
				</div>
            
            
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

 
 

 
 
 
 
 

     <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav ">
          
            <ul class="nav nav-list ">
              <li class="nav-header">Utilisateurs en ligne:</li>
              <!--li class="active"><a href="#">Link</a></li-->
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
            </ul>
          </div><!--/.well -->
        </div><!--/span-->
        
        <div class="span9">
        
          <div class="well">         
                <form class="form-horizontal">
				<div class="control-group">
				<label class="control-label" for="inputEmail">Pseudo</label>
				<div class="controls">
				<input type="text" id="inputEmail" placeholder="Pseudo">
				</div>
				</div>
				
				<div class="control-group">
				<div class="controls">
				<label class="checkbox">
				<input type="checkbox"> Remember me
				</label>
				<button type="submit" class="btn btn btn-primary btn-large">C'est par ici!!!</button>
				</div>
				</div>
				</form>
          </div>
          
          
          
          
        </div><!--/span-->
      </div><!--/row-->

    </div>


	<!--Le petit coin des templates utilisés par l'appli --->
	<div class="templates" style="display:none;">
	
	<!------------------------------------------------------treecolumns-block------------->
	      <div class="row-fluid treecolumns-block" style="display:none;">
            <div class="span4">
              <h2>{{Title}}</h2>
              <p>{{Description}}</p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
             <div class="span4">
              <h2>{{Title}}</h2>
              <p>{{Description}}</p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>{{Title}}</h2>
              <p>{{Description}}</p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
          </div><!--/row-->
	
	<!---------------------BOTTOM CONTROLLER NAV BARR------------bottomcontroller-bloc--------------->
	
	  <div class="navbar navbar-inverse navbar-fixed-bottom bottomcontroller-block" >
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="brand" href="#">SimplyTalk</a>
         
         	<div class="input-append span2"></div>	
         	
            <div class="navbar-form input-append">
               <div class="input-append">
				<input class="span12" id="appendedInputButtons" type="text">
				<button class="btn" type="button">Envoyer</button>
			</div>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
	
	<!------------------------------------------------------------------->
	
	
	
	</div>

	<!--Le petit coin des layouts utilisés par l'appli --->
	<div class="templates" style="display:none;">
	
	
	
	
	
	
	</div>







   </body>
   
   </html>
